<template>
	<!-- 全部是文字的消息 -->
 <view>
	<view v-if="msginfo.whocss=='aui-chat-right'" 
	class="cu-item aui-chat-right">
	    <view class="main">    
	      <view class="content shadow">
	        {{msginfo.content}}
	      </view>
	    </view>
	    <view class="cu-avatar radius" >
		<u-avatar :src="msginfo.thumb"  shape="square"></u-avatar>
		
		</view>
	    <view class="date"> {{msginfo.addtime}}</view>
	  </view>
	<!-- 显示左边 排列样式 -->
	  <view v-else class="cu-item aui-chat-left">
		  
	    <view class="cu-avatar radius"  style="">
		 <u-avatar :src="msginfo.thumb"  shape="square"></u-avatar>
		 </view>
		 
	    <view class="main">
	      <view class="content shadow">
	        <text>  {{msginfo.content}} </text>
	      </view>
	    </view>
	    <view class="date "> {{msginfo.addtime}}</view>
	  </view>
	  
</view>
</template>

<script>
	export default {
		name:"message-text",
		props:{
			msginfo :{
				type:Object,
				default:{},
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>
	 @import url("@/static/tallk.css");
</style>